﻿.btnconsulta {
  display: block;
  width: fit-content;
  background-color: #004953;
  padding: 5px 40px;
  font-family: 'frutiger';
  font-size: 18px;
  color: #fff;
  border-radius: 40px;
  margin-top: 15px;
  text-align: center;
}

.btnconsulta:hover,
.btnconsulta:visited {
  color: #fff;
}

.palavra-presidente,
#servicos-oncologia {
  padding: 68px;

}
.card-body {
    margin-top: 0px;
    font-family: 'frutiger-light';
    font-size: 18px;
    line-height: 1.7;
    color: #6f6f6f;
}
.palavra-presidente {
  background-color: #008F7B;
}

.contVideoText {
  display: flex;
  width: 100%;
  margin: auto;
  flex-direction: row;
  gap: 35px;
  align-items: center;
}

.contVideoText .contText {
  display: flex;
  flex-direction: column;
  width: 100%;
}


.contVideoText .contText h3 {
  font-family: 'frutiger-bold';
  font-size: 26px;
  color: #fff;
  margin-bottom: 20px;
}

.contVideoText .contText p {
  font-family: frutiger-light;
  font-size: 18px;
  line-height: 1.7;
  text-align: justify;
  color: #fff;
}

.container-video {
  position: relative;
  width: 100%;
  height: 340px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;

}

.container-video .capa-banner-video {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 88%;
  border-radius: 12px;
  overflow: hidden;
  height: 300px;
}

.container-video .capa-banner-video::after {
  content: '';
  position: absolute;
  bottom: 20px;
  right: -11px;
  width: 658px;
  height: 32px;
  background-repeat: no-repeat;
}

.container-video .capa-banner-video::before {
  content: '';
  position: absolute;
  width: 100%;
  height: auto;
}

.capa-banner-video img {

  width: 100%;
  height: 100%;
}

.container-video iframe,
.container-video video {
  width: 90%;
  height: auto;
  object-fit: contain;
  display: none;
}

.btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  border: 0;
  border-radius: 50%;
  background-color: var(--branco);
  width: 67px;
  height: 67px;
  min-height: 67px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/*.page-institucional .column h2.column-title{
  color: #3db166 ;
  font-size: 26px ;
  text-transform: capitalize ;
}*/

.card-especialidades {
  padding-top: 68px;
  margin: 25px auto;
  background-color: #F9FAFA;
}

.card-especialidades h2 {
  font-family: 'frutiger-bold';
  font-size: 32px;
  color: #3db166;
  margin-bottom: 10px;
  text-align: center;
}

.card-especialidades p {
  font-family: 'frutiger-light';
  font-size: 18px;
  color: #6f6f6f;
  text-align: justify;
  width: 90%;
  margin: 0px auto 25px auto;
}

img.img-responsive {
  width: 100%;
}

#Hospital a {
  display: block;
  width: 100%;
  background-color: #004953;
  padding: 8px 30px;
  font-family: 'frutiger';
  font-size: 18px;
  color: #fff;
  border-radius: 40px;
  margin-top: 15px;
  text-align: center;
  margin-bottom: 50px;
}

#Hospital iframe{
  max-width: 100% !important;
}

#servicos-oncologia h2 {
  font-family: 'frutiger-bold';
  font-size: 32px;
  color: #3db166;
  margin-bottom: 30px;
  text-align: center;
}

#servicos-oncologia .contHospitaisServ {
  display: flex;
  flex-direction: row;
  gap: 50px;
  width: 100%;
  margin: auto;
}

#servicos-oncologia .contHospitaisServ .hospitalServ {
  display: flex;
  width: calc(50% - 25px);
  flex-direction: column;
}

#servicos-oncologia .contHospitaisServ .hospitalServ h6 {
  display: block;
  font-family: 'frutiger-bold';
  font-size: 20px;
  color: #585858;
  border-bottom: 1px solid #DDDDDE;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

#servicos-oncologia .contHospitaisServ .hospitalServ ul {
  display: flex;

  padding: 0;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px 20px;
  align-items: center;
}

#servicos-oncologia .contHospitaisServ .hospitalServ ul li {
  font-family: 'frutiger-light';
  font-size: 16px;
  color: #53565A;
  width: calc(50% - 10px);

  position: relative;
}

.contTextCorCli span {
  font-family: 'frutiger-light';
  font-size: 18px;
}

/*#servicos-oncologia .contHospitaisServ .hospitalServ ul li::before {
  position: absolute;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('../images/iconPlaceholder.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
*/

#infraestrutura {
    display: flex;
    width: 100%;
	margin: 40px 0;
    flex-direction: row;
    gap: 35px;
    background-color: #004953;
    padding: 35px 5%;
}

#infraestrutura .contTxtInfra {
  display: flex;
  flex-direction: column;
  width: 50%;
  text-align: justify;
  color: white;
}

#infraestrutura .contTxtInfra h2 {
  font-family: 'frutiger-bold';
  font-size: 26px !important;
  color: #fff !important;
  margin-bottom: 20px;
}

#infraestrutura .contTxtInfra p {
  font-family: frutiger-light;
  font-size: 18px;
  color: #fff;
}

#infraestrutura .contSlickInfra {
    position: relative;
    width: 50%;
    padding-left: 3%;
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: start;
}

#infraestrutura .contSlickInfra img.carrosel {
  width: 100%;
}

#infraestrutura .contSlickInfra .slick-prev,
#infraestrutura .contSlickInfra .slick-next {
  background-color: #5FBBB6;
  border: 0px solid #fff;
  border-radius: 100%;
  width: 30px;
  height: 30px;
}

#infraestrutura .contSlickInfra .slick-prev:before,
#infraestrutura .contSlickInfra .slick-next:before {
  color: #5FBBB6;
  font-size: 20px;
  display: flex;
  background-color: transparent;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  z-index: 5;
  opacity: 1;
}

#infraestrutura .contSlickInfra .slick-prev::after,
#infraestrutura .contSlickInfra .slick-next::after {
  content: '';
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: -3;
  background-color: #fff;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#infraestrutura .contSlickInfra .slider-nav .slick-active img {
  margin: auto;
}

#corpoClinico {
  display: flex;
  width: 100%;
  margin: auto;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  padding: 35px 5%;
  margin: 10px 0;
}

#corpoClinico .title h2 {
  text-align: center;
  font-size: 26px;
  font-family: 'frutiger-bold';
}

#corpoClinico .title h6 {
  text-align: center;
  color: #6f6f6f;
  font-size: 18px;
  font-family: 'frutiger-light';
}

#corpoClinico .slickOncologia {
  width: 100%;
}

#corpoClinico .slickOncologia .item {
  display: flex;
  flex-direction: column;
  margin: 0 15px;
  gap: 5px;
}

#corpoClinico .slickOncologia .item .image {
  width: 100%;
  height: 300px;
  border-radius: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#corpoClinico .slickOncologia .item h4 {
  color: #014751;
  font-size: 18px;
  font-family: 'frutiger-bold';
  text-align: left;
  margin: 0;
  min-height: 44px;
}

#corpoClinico .slickOncologia .item span {
  color: #6f6f6f;
  font-size: 16px;
  font-family: 'frutiger-light';
  text-align: left;
}

#corpoClinico .slickOncologia .item a {
  color: #4CADA6;
  font-size: 18px;
  font-family: 'frutiger-bold';
  text-align: left;
  margin: 0;
}

#corpoClinico .slickOncologia .slick-prev:before,
#corpoClinico .slickOncologia .slick-next:before {
  color: #014751;
}

#CardsServicos {
  gap: 20px 10px;
}

.card {
  margin: 0 0 40px 0;
  height: auto;
  background-color: transparent;
  width: calc(33% - 5px);
}

/*.card img {
  display: block;
  width: 90%;
  margin: auto;
  height: auto;
  border-radius: 10px;
  max-height: 191px;
}*/

#CardsServicos .card-body {
  width: 90%;
  margin: auto;
  padding: 10px 0;
}

h4.card-title {
  font-family: 'frutiger-bold';
  color: #009581;
  overflow: hidden;
  font-size: 16px;
}

span.card-title {
  font-family: 'frutiger';
  color: #6f6f6f;
  overflow: hidden;
  display: block;
  position: relative;
}

span.card-title:first-of-type::before,
span.card-title:last-of-type::before {
  display: block;
  position: absolute;
  content: '';
  width: 25px;
  height: 25px;
  background-image: url('../images/iconLocalPlaceholder.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  top: 0;
}

span.card-title:last-of-type::before {
  background-image: url('../images/iconTelPlaceholder.png');
}

.esp-title {
  padding: 35px 0 35px 0;
  width: 100%;

}

.esp-title h2 {
  font-family: "Segoe UI", "Segoe", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 40px;
  color: #014751;
  font-weight: 500;
}

.menu-item-title .esp-title {
  text-align: center;
}

.menu-item-title {
  position: relative;
  margin: -43px auto 0px auto;
}

.menu-item-title .row {
  box-shadow: 0 3px 3px #f4f4f4;
  -moz-box-shadow: 0 3px 3px #f4f4f4;
  -webkit-box-shadow: 0 3px 3px #f4f4f4;
  -ms-box-shadow: 0 3px 3px #f4f4f4;
  box-shadow: 0 3px 3px #f4f4f4;
  background-color: #ffffff;
  border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  -webkit-border-radius: 3px 3px;
  ;
}

#BannerDestaqueHome {
  width: 100%;
  margin: auto;
  overflow: hidden;
}

#banner-destaque-home .img-responsive {
  width: 100%;
}

.js .slider-single>div:nth-child(1n+2) {
  display: none
}

.js .slider-single.slick-initialized>div:nth-child(1n+2) {
  display: block
}


.slider-single h3 {
  line-height: 10rem;
}

.slider-nav h3::before {
  content: "";
  display: block;
  padding-top: 75%;
}

.slider-nav h3 span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slider-nav .slick-slide {
  cursor: pointer;
}

.slick-slide.is-active h3 {
  color: #c00;
  background-color: #fff
}

img.carrosel {
  display: flex;
  margin: 0 auto;
}

img.carrosel2 {
  width: 95%;
  height: 100px;
}

.slick-slide video {
  width: 95%;
  height: 100px;

}

.slick-slide>.video1 {

  height: 350px;
}

#infraestrutura .contSlickInfra .slick-prev {
  left: -35px;
}

#infraestrutura .contSlickInfra .slick-next {
  right: -35px;
}
.galeria-centros{
	width: 60%;
	margin: 0 auto;
}

.galeria-centros .slick-galeria .slick-prev,
.galeria-centros .slick-galeria .slick-next{
	width: 30px;
	height: 30px;
}

.galeria-centros .slick-galeria .slick-prev{
	left: -40px;
}
.galeria-centros .slick-galeria .slick-next{
	right: -40px;
}

.galeria-centros .slick-galeria .slick-prev:before,
.galeria-centros .slick-galeria .slick-next:before{
	color: black;
	font-size: 30px;
}

#centros {
  display: flex;
  flex-direction: column;
  width: 95%;
  margin: auto;
}

#centros .accordion .card {
  width: 100%;
  margin-bottom: 20px;
}

#centros .accordion .card .card-header {
  background-color: #4CADA6;
  border-radius: 6px;
}

#centros .accordion .card .card-header h2 {
  margin: 0;
}

#centros .accordion .card .card-header .btn {
  position: relative;
  color: #FFF;
}

#centros .accordion .card .card-header .btn:focus {
  box-shadow: none;
}

#centros .accordion .card .card-header .btn:before {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}

#centros .accordion .card .card-header .btn.collapsed:before {
  transform: translateY(-50%);
}

#centros .accordion .card .card-body span,
#centros .accordion .card .card-body p,
#centros .accordion .card .card-body ul li {
  margin-top: 0px !important;
  font-family: 'frutiger-light' !important;
  font-size: 18px !important;
  line-height: 1 !important;
  color: #6f6f6f !important;
}

#centros .accordion .card .card-body .galeria {
  display: flex;
  flex-direction: row;
  gap: 15px;
  flex-wrap: wrap;
}

#centros .accordion .card .card-body .galeria .item {
  width: calc((100% - 45px) / 4);
}

#centros .accordion .card .card-body .galeria .item img,
#centros .accordion .card .card-body .galeria .item video,
#centros .accordion .card .card-body .galeria .item iframe {
  width: auto;
  min-height: 180px;
  max-width: 100%;
}

#tratamentosExames {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 80%;
  margin: 30px auto;
}

#tratamentosExames h2 {
  color: #014751 !important;
  font-size: 26px;
  font-family: 'frutiger-bold';
  text-align: center;
}

#tratamentosExames .contItens {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

#tratamentosExames .contItens .item {
  width: calc((100% - 60px) / 4);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#tratamentosExames .contItens .item .image {
  height: 180px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#tratamentosExames .contItens .item h4 {
  color: #014751;
  font-size: 19px;
  font-family: 'frutiger';
  text-align: center;
}

#videosCardiologia{
  width: 95%;
  margin: 30px auto;
  display: flex;
  flex-direction: column;
}
#videosCardiologia h2{
  text-align: center;
  font-size: 26px;
  font-family: 'frutiger-bold';
  color: #000;
  color: #3db166;
    font-size: 26px;
    text-transform: capitalize;
}
#videosCardiologia .contVideos{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
#videosCardiologia .contVideos .item{
  margin: 0 20px;
}
#videosCardiologia .contVideos .item iframe,
#videosCardiologia .contVideos .item video{
  width: 100%;
  height: 200px;
}
#videosCardiologia .contVideos .slick-prev::before,
#videosCardiologia .contVideos .slick-next::before {
  color: #014751;
}

@media (min-width: 1929px) {
  #infraestrutura .contSlickInfra img.carrosel {
    width: 90%;
    height: 308px;
  }
}

@media(max-width: 1270){
	#infraestrutura {
    display: flex;
    width: 100%;
    margin: auto;
    flex-direction: column;
    gap: 35px;
    background-color: #004953;
    padding: 35px 5%;
	}
	
	#infraestrutura .contTxtInfra {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: justify;
    color: white;
	}
	
	#infraestrutura .contSlickInfra {
    position: relative;
    width: 50%;
    padding-left: 3%;
    margin: 4% auto;
	}
}

@media(max-width: 1024px){
	.page-institucional .col-xs-12.col-sm-12.col-lg-9{
		width: 100%;
	    max-width: 100%;
	    flex: 100%;
	}
	.galeria-centros {
    width: 80%;
    margin: 0 auto;
	}
	#infraestrutura{
		flex-direction: column
	}
	#infraestrutura .contTxtInfra{
		width: 100%;
	}
	#infraestrutura .contSlickInfra{
		width: 80%;
		margin: 0 auto;
	}
}

@media(max-width: 820px) {
  .container-video {
    top: 0;
    height: 100%;
  }

  #infraestrutura .contSlickInfra {
    top: 0px;
    width: 90%;
  }

  .slick-next {
    right: -40px !important;
  }

  .slick-prev {
    left: -40px !important;
  }

  .contVideoText {
    flex-direction: column;
  }

  .contVideoText .contText {
    width: 100%;
  }

  #infraestrutura {
    flex-direction: column;
  }

  #infraestrutura .contTxtInfra {
    width: 100%;
  }

  .palavra-presidente,
  #servicos-oncologia,
  #banner-destaque-home,
  .card-especialidades {
    padding: 50px 15px;
  }

  .capa-banner-video img {
    width: 100%;
    height: 180px;
  }

  .container-fluid {
    padding: 0 15px !important;
  }
}

@media(max-width: 660px) {

  .contVideoText,
  #servicos-oncologia .contHospitaisServ,
  #infraestrutura,
  #corpoClinico {
    flex-wrap: wrap;
    width: 95%;
  }

  .contVideoText .container-video {
    height: auto;
  }

  .contVideoText .contText,
  .contVideoText .container-video,
  #servicos-oncologia .contHospitaisServ .hospitalServ,
  #infraestrutura .contTxtInfra,
  #infraestrutura .contSlickInfra,
  #corpoClinico .contTextCorCli,
  #corpoClinico .contImgCorCli,
  #CardsServicos .card {
    width: 100%;
  }

  .card-especialidades p {
    width: 95%;
  }

  #infraestrutura .contSlickInfra img.carrosel {
    width: 100%;
    height: 260px;
  }

  .slick-slide>.video1 {
    height: 270px;
  }

  .slick-next,
  .slick-prev {

    display: none !important;
  }

  .container-video .capa-banner-video {
    height: 200px;
  }
  #centros .accordion .card .card-body .galeria{
    justify-content: center;
  }
  #centros .accordion .card .card-body .galeria .item{
    width: calc((100% - 45px) / 1);
  }
  #tratamentosExames .contItens{
    justify-content: center;
  }
  #tratamentosExames .contItens .item{
    width: calc((100% - 20px) / 1);
  }
  .page-institucional .column .text{
		padding-bottom: 0;
	}
	#Hospital a{
		margin:0;	
	}
	.galeria-centros{
		width:100%;
	}
	#centros .accordion .card .card-header .btn:before{
		margin: 0;
}
}